<?php if (!defined('THINK_PATH')) exit();?><style type="text/css">
    .update_tb tr{
        height:30px;
    }
    .label{
        padding:0 5px 0 10px;
    }
    .labels{
        font-size: 12px;
        font-weight: bold;
        color: #0E2D5F;
        height: 16px;
    }
    /* 上传btn修改样式 */
    .uploadify-button {
        border: 1px solid #F3EEEE;
        background-color:rgba(102, 174, 236, 0.91);
        line-height: 30px;
        border-radius: 4px;
        font-size: 15px;
    }

    .uploadify-button:hover {
        background-color:#EF5959;
    }
    .rowStyle{
        background-color: red;
    }
    .validatebox-readonly{
        /*background-color: rgba(208, 206, 206, 0.37);*/
    }
    .zzggd_img{
        border: 2px solid #999999;
        width:100%;
    }
    #ggd_info_form label{
        display:block;
        padding:5px 0 5px 10px;
    }
    #ggd_info_form div{
        padding: 5px 0 3px 15px;
    }
    .zlpic{
        width:230px;
        padding: 5px;
    }
</style>

<!-- 上传窗口11 -->
<div id="add_zzggd" class="easyui-dialog" style="width: 728px; height: 150px; padding:15px 10px; overflow: hidden;" title="&nbsp;&nbsp;上传纸质更改单文件" data-options="iconCls:'icon-standard-folder-page',buttons:'#dlg-zzadd',closed:true,resizable:false,modal:true,closable:true">
    <form id="add_zzggd_form" action="/solve/index.php/Home/Zzggd/add" enctype="multipart/form-data" method="post" style="padding:10px;">
    <input  name="zps[]" id="zps"  style="width:80%;margin: 10px 5px;"  data-options="multiple:true,buttonText:'上传更改单文件',buttonIcon:'icon-standard-bullet-picture',buttonAlign:'right',accept:'image/*'"
            class="easyui-filebox">
    </form>
</div>
<div id="dlg-zzadd">
    <div class="tool_tip" id="tip_zzggd_upload">

    </div>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-standard-add'" onclick="add_zzggd()">上传</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#add_zzggd').dialog('close')">取消</a>
</div>


<div  class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'center',title:'',border:true,title:'更改单文件浏览',iconCls:'icon-standard-page-white-paint'" style="padding:5px;background:#eee;">
        <!--<div style="padding:10px 20px 20px 5px;">-->


            <!--<img src="" alt="" class="zzggd_img">-->
            <!--<div style="text-align:center;padding:5px">-->
                <!--<a href="" id="downloadPic" class="easyui-linkbutton" target="_blank">下载</a>-->

            <!--</div>-->
        <!--</div>-->


        <table id="dg-zzggd"></table>
    </div>
    <div data-options="region:'east',title:'纸质更改单',split:true,border:true,iconCls:'icon-standard-page-white-paint',hideCollapsedContent:false" style="width:300px;">
        <form id="ggd_info_form">
            <div  >
                <label >图纸:</label>
                <div id="tzshows"></div>
            </div>
            <div>
                <label >更改单名称:</label>
                <input class="easyui-textbox" type="text" name="name" data-options="editable:false"
                       style="width:200px;"/>
            </div>
            <div>
                <label >状态:</label>
                <input class="easyui-textbox" type="text" id="zzggd_status" name="status" data-options="editable:false"
                       style="width:200px;"/>
            </div>
            <div>
                <label >处理人:</label>
                <input class="easyui-textbox" type="text" name="okname" data-options="editable:false"
                       style="width:200px;"/>
            </div>


            <div>
                <label >上传日期:</label>
                <input class="easyui-textbox" type="text" name="uploaddate" data-options="editable:false"
                       style="width:200px;"/>
            </div>





        </form>
        <div>
            <label >
                备注:</label>
            <input class="easyui-textbox" type="text" id="huifu_zzggds" name="huifu" data-options="editable:false,multiline:true"
                   style="width:200px;height:300px;"/>
        </div>

    </div>
</div>


<!--工具栏 -->
<style>

	.finaSeDiv{
		float:left;
		padding:10px 0 5px 10px;
		width:200px;
	}
	.finaSeDiv label{
		width:53px;
		float: left;
	}
	.table-btn-separator {
    float: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
  /*  width: 1200px;*/
}
</style>

<div id="tool_zzggd">

<table>
<tr>




 <td>


 日期：<input id="start_date" type="text" class="easyui-datebox" style="width:100px;"></input>  到
 <input id="end_date" type="text" class="easyui-datebox" style="width:100px;"></input>  

   
   

	 确认人：
<input id="okname" class="easyui-combobox" name="okname"
    data-options="valueField:'value',textField:'text',url:'/solve/index.php/Admin/Public/user',panelHeight:'auto'" style="width:80px;"/>


  

	 是否确认：<!-- <input id="over_s" name="over_s" class="easyui-switchbutton" data-options="onText:'是',offText:'否',checked:'false'"> -->

	 <select id="status" name="status" class="easyui-combobox" style="width:60px;" data-options="panelHeight:'auto',editable:false">
    <option value="">全部</option> 
    <option value="1">已确认</option>
    <option value="0">未确认</option>
</select>
     名称：<input id="name" name="name" class="easyui-textbox" data-options="" style="width:100px">


     <a href="#" class="easyui-linkbutton"  onclick="search_ggd()" data-options="iconCls:'icon-search',plain:'true'">搜索</a>


 </td>

 </td>
</tr>
<tr>


        <td>
            <?php if(authCheck1('Home/ZZggd/add')): ?><a href="#" id= "aaa1" class="easyui-linkbutton"  onclick='show_add_zzggd()' data-options="iconCls:'icon-standard-folder-page',plain:true">导入</a>
                <a href="#" class="easyui-linkbutton"  onclick="remove()" data-options="iconCls:'icon-standard-delete',plain:true">删除</a><?php endif; ?>

            <a href="#" class="easyui-linkbutton"  onclick="queren()" data-options="iconCls:'icon-ok',plain:true">处理</a>
            <a href="#" class="easyui-linkbutton"  onclick="reload()" data-options="iconCls:'icon-standard-arrow-refresh',plain:true">刷新</a>
        </td>



</tr>
</table>





</div>



<!--回复 -->

<div id="hf_zzggd" class="easyui-dialog"
     style="width: 580px; height: 240px; padding: 5px; overflow: hidden;"
     title="&nbsp;&nbsp;回复"
     data-options="iconCls:'icon-standard-building-add',buttons:'#zzggd-add',closed:true,resizable:false,modal:false,closable:true">


    <form id="zzggd_pl" method="post">

        <input name="huifu" id="huifu" class="easyui-textbox" style="width: 100%; height: 150px;"  data-options="required:true,multiline:true,prompt:'请输入对此更改单处理情况的描述...'"/>
        <br />
    </form>


</div>

<div id="zzggd-add">
    <div class="tool_tip" id="pl_contentwordage">
    </div>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'"
       onclick="qr()">确认</a>
    <a href="#" class="easyui-linkbutton"
       data-options="iconCls:'icon-cancel'"
       onclick="javascript:$('#hf_zzggd').dialog('close')">取消</a>
</div>

<div id="showggdpic" class="easyui-dialog" style="width:800px;height:700px;padding:2px;overflow:hidden;" title="&nbsp;&nbsp;显示图片" data-options="iconCls:'icon-standard-folder-page',buttons:'#dlg-view',closed:true,resizable:true,modal:true,closable:true">
    <!--<div id="pic_content" style="width:100%;height:100%;text-align:center;vertical-align: center"></div>-->


    <div id="ccddd" class="easyui-layout" data-options="fit:true">
        <div id="pic_ggd_content" data-options="region:'north',title:'',split:true" style="height:500px;"></div>
        <!--<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>-->
        <div data-options="region:'west',title:'回复',split:true,tools:'#hf-btn'" style="width:300px;" >
            <form action="" id="hf_form" method="post"  data-options="fit:true">
                <input name="huifu" id="pic_huifu" class="easyui-textbox"  style="width: 100%;height:300px;" data-options="required:true,multiline:true,prompt:'请输入对此更改单处理情况的描述...'"/>
            </form>
        </div>
        <div id="hf_text" data-options="region:'center',title:'回复内容'" style="padding:5px;background:#eee;"></div>
    </div>

</div>

<div id="hf-btn">
    <a href="#" class="icon-add" onclick="add_hf()"></a>
</div>

<div id="dlg-view">
    <div class="tool_tip">
        利用360浏览器自带的全屏功能可全屏观看图片！！！
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-standard-arrow-left'" onclick="pre()">上一条</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-standard-arrow-right',iconAlign:'right'" onclick="next()">下一条</a>

    </div>

    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#showpic').dialog('close')">取消</a>
</div>
<style>
    .ditTitle{
        width:60px;font-weight:bold;color:#0E2D51;
        background-color: #F4F4F4
    }
    .hfs{
        text-align: center;
        font-weight: bold;
        padding: 5px 0;
        color:#0E2D51;
        background-color: #F4F4F4
    }
    .hfr{
        font-weight: bold;
        padding-left:5px;
    }
    .hfnr{
        padding:5px 2px 5px 15px;
    }
    /*细节栏中的图片缩略图*/
    .picsl{
        width: 40px;
        padding:0 5px;
    }
    .picsl:hover{
        border:solid 1px #95B8E7;
        width: 35px;
        cursor: hand;
    }
    .pics2{
        max-width: 150px;
        max-height: 200px;
        padding:0 5px;

    }
</style>

<script type="text/javascript">
    // 详情页面回复
    
    function add_hf() {
        var row = $("#dg-zzggd").datagrid("getSelected");



        $('#hf_form').form('submit', {

            url : '/solve/index.php/Home/Zzggd/qr',
            onSubmit: function(param){
                param.id = row.id;
            },
            success : function(data) {
                var data = eval('(' + data + ')');
                if(data.status=='1'){
                    var indexid=$('#dg-zzggd').datagrid("getRowIndex",row);

                    var huifus=data.huifu;
                    var hfArr=huifus.split(",");
                    var huifuss='';
                    for(var i=0;i<hfArr.length;i++){
                        huifuss=huifuss+hfArr[i]+'</br>';
                    }

                    $("#hf_text").html(huifuss);
                    $('#pic_huifu').textbox('setText',"");
                    // $('#dg-zzggd').datagrid('reload');
                    // $("#dg-zzggd").datagrid("selectRow",indexid);
                    // $("#dg-zzggd").datagrid("checkRow",indexid);
                    // console.log(indexid);



                }else{
                    $.messager.alert('处理', data.msg, 'info');
                }

            }
        });
    }
    
    $('#dg-zzggd').datagrid({
        url : '/solve/index.php/Home/Zzggd/read',
        toolbar : '#tool_zzggd',
        pagination : true,
        fit : true,
        width : function() {
            return document.body.clientWidth * 0.9
        },
        nowrap : true,//
        collapsible : true,
        fitColumns : false,
        autoRowHeight : true,
        striped : true,//交替行
        singleSelect : true,//只允许选择一行
        rownumbers : true,
        border : false,
        sortName : 'id',
        sortOrder : 'desc',//倒序排列
        remoteSort : false,
        pageSize : 30,
        method : "post",
        pageList : [ 10, 20, 30, 40, 50, 100, 200 ],
        columns : [ [
            {
                field : 'id',
                checkbox : true
            },
            {
                field : 'name',
                title : '更改单名称',
                width : 300,
                align : 'left'
            },
            {
                field : 'status',
                title : '状态',
                width : 60,
                align : 'left',
    formatter: function(value,row,index){
                    if(value==1)
                        return '已确认';
                    return '未确认';
                }

            },

            {
                field : 'okname',
                title : '处理人',
                width : 100,
                align : 'left'

            },{
                field : 'uploaddate',
                title : '上传日期',
                width : 140,
                align : 'left',
                sortable:true,
                formatter: function(value,row,index){
                    if(value){
                        return value.substring(0,16);
                    }else{
                        return '';
                    }

                }

            },{
                field : 'img',
                title : '下载',
                width : 80,
                align : 'left',
                formatter: function(value,row,index){
                    if(value){
                        return '<a name="zzddddownload" class="easyui-linkbutton"  href="/solve/Public/'+value+'" target="_blank"></a>';

                    }else{
                        return '';
                    }

                }
            },{
                field : 'huifu',
                title : '备注',
                width : 200,
                align : 'left'

            }


        ] ],
        onDblClickRow: function (rowIndex, rowData) {



            if(rowData){
                showpic('d');
            }else{
                console.log("没有数据！");
            }
        },
        onClickRow:function(rowIndex, rowData){

            zcForm(rowData);


        },
        rowStyler: function(index,row){
            if (row.status==1){
                return 'background-color:#BCD1EA;color:#fff;';
            }
        },
        onLoadSuccess:function(data){
            $("a[name='zzddddownload']").linkbutton({text:'下载',plain:true,iconCls:'icon-standard-down'});
        }





    });



    function zcForm(rowData){
        $('#ggd_info_form').form('load',rowData);
        var huifus=rowData.huifu;
        var hfArr=huifus.split(",");
        var huifuss='';
        for(var i=0;i<hfArr.length;i++){
            huifuss=huifuss+hfArr[i]+'\n';
        }
        $('#huifu_zzggds').textbox('setText',huifuss);
        if(rowData.status=='1'){
            $('#zzggd_status').textbox('setText','已确认');
        }
        if(rowData.status=='0'){
            $('#zzggd_status').textbox('setText','未确认');
        }

        cla='zlpic';
        $('#tzshows').html();



        var tp=rowData.img;

        if(tp!=null){

            // fjpfjp


            var arr = tp.split('.');
            var pic="";
            var houzhui=arr[1].toLowerCase();
            if(houzhui=='pdf'){
                var file="http://192.168.8.200/solve/Public/"+tp;
                pic='<iframe src="/solve/Public/js/pdf.js/index.html?file='+file+'"  value="'+file+'" onclick="showpic(\'/solve/Public/'+tp+'\')" class="'+cla+'"></iframe>';
            }else{
                var pic='<img src="/solve/Public/'+tp+'" alt="'+tp+'" onclick="showpic(\'/solve/Public/'+tp+'\')" class="'+cla+'">';
            }



            // var pics='<img src="/solve/Public/'+tp+'" alt="'+rowData.name+'" onclick="showpic(\'/solve/Public/'+tp+'\')" class="'+cla+'">';

            $('#tzshows').html(pic);
        }else{
            $('#tzshows').html('');
        }
    }
    function pre() {

        var row = $('#dg-zzggd').datagrid("getSelected");
        var rows = $('#dg-zzggd').datagrid("getRows");
        if (row) {
            var indexid=$('#dg-zzggd').datagrid("getRowIndex",row);


            if(indexid==0){
                $.messager.alert("上一条", "这已经是第一条数据", "info");
            }else{
                indexid=parseInt(indexid)-1;
                $("#dg-zzggd").datagrid("selectRow",indexid);

                var rownow=rows[indexid];

                zcForm(rownow);

                // var sFileName=rownow.img;
                // var arr = sFileName.split('.');
                //
                //     var pic='<img src="/solve/Public/'+rownow.img+'" alt="图片" style="width:100%;"/>';


                var filemname=rownow.img;


                var arr = filemname.split('.');
                var pic="";

                var houzhui=arr[1].toLowerCase();
                if(houzhui=='pdf'){

                    var file="http://192.168.8.200/solve/Public/"+filemname;
                    pic='<iframe src="/solve/Public/js/pdf.js/index.html?file='+file+'"  value="'+file+'" width="100%" height="800"></iframe>';
                }else{
                    var pic='<img src="/solve/Public/'+filemname+'" alt="图片" style="width:100%;"/>';

                }




                $("#pic_content").html(pic);

                $("#pic_ggd_content").html(pic);

                var huifus=rownow.huifu;
                var hfArr=huifus.split(",");
                var huifuss='';
                for(var i=0;i<hfArr.length;i++){
                    if(hfArr.length!=0){
                        huifuss=huifuss+hfArr[i]+'</br>';
                    }else{
                        huifuss='';
                    }

                }


                $("#hf_text").html(huifuss);
                $('#pic_huifu').textbox('setText',"");








            }


        } else {
            $.messager.alert("请选择要查看的记录", "请选择要查看的记录！", "info");
        }

    }
    function next() {
        var row = $('#dg-zzggd').datagrid("getSelected");
        var rows = $('#dg-zzggd').datagrid("getRows");
        var count=rows.length-1;
        if (row) {
            var indexid=$('#dg-zzggd').datagrid("getRowIndex",row);


            if(indexid==count){
                $.messager.alert("下一条", "这已经是最后一条数据", "info");
            }else{
                indexid=parseInt(indexid)+1;

                $("#dg-zzggd").datagrid("selectRow",indexid);

                var rownow=rows[indexid];

                zcForm(rownow);

                // var pic='<img src="/solve/Public/'+rownow.img+'" alt="图片" style="width:100%;"/>';

                var filemname=rownow.img;
                var arr = filemname.split('.');
                var pic="";

                var houzhui=arr[1].toLowerCase();
                if(houzhui=='pdf'){
                    var file="http://192.168.8.200/solve/Public/"+filemname;
                    pic='<iframe src="/solve/Public/js/pdf.js/index.html?file='+file+'"  value="'+file+'" width="100%" height="800"></iframe>';
                }else{
                    var pic='<img src="/solve/Public/'+filemname+'" alt="图片" style="width:100%;"/>';
                }


                $("#pic_content").html(pic);
                $("#pic_ggd_content").html(pic);





                var huifus=rownow.huifu;
                var hfArr=huifus.split(",");
                var huifuss='';
                for(var i=0;i<hfArr.length;i++){
                    if(hfArr.length!=0){
                        huifuss=huifuss+hfArr[i]+'</br>';
                    }else{
                        huifuss='';
                    }

                }


                $("#hf_text").html(huifuss);
                $('#pic_huifu').textbox('setText',"");

            }


        } else {
            $.messager.alert("请选择要查看的记录", "请选择要查看的记录！", "info");
        }

    }


    function showpic(url) {

        var row = $("#dg-zzggd").datagrid("getSelected");

var filemname=row.img;
var arr = filemname.split('.');
var pic="";

        var houzhui=arr[1].toLowerCase();
        if(houzhui=='pdf'){
    var file="http://192.168.8.200/solve/Public/"+row.img;
    pic='<iframe src="/solve/Public/js/pdf.js/index.html?file='+file+'"  value="'+file+'" width="100%" height="800"></iframe>';
}else{
    var pic='<img src="/solve/Public/'+row.img+'" alt="图片" style="width:100%;"/>';
}

        $('#showggdpic').window('open');

        $("#pic_ggd_content").html(pic);



        var huifus=row.huifu;
        var hfArr=huifus.split(",");
        var huifuss='';
        for(var i=0;i<hfArr.length;i++){
            if(hfArr.length!=0){
                huifuss=huifuss+hfArr[i]+'</br>';
            }else{
                huifuss='';
            }

        }


        $("#hf_text").html(huifuss);
        $('#pic_huifu').textbox('setText',"");







    }
// function downloadPic(){
//     var row = $('#dg-zzggd').datagrid("getSelected");
//     if(row){
//         // window.open="http://192.168.8.200/solve/public/"+row.img;
//     }
// }
    /**
     * [onUploadStart 上传更改单]

     * @return {[type]}                   [上传更改单]
     */
// 上传纸质更改单
function add_zzggd(){
        $('#add_zzggd_form').form('submit', {

            url :APP+ '/Home/Zzggd/add',
            // onSubmit: function(param){
            //     param.gy = $('#gy').textbox('getText');
            // },

            success : function(data) {
                $('#add_zzggd_form').form('clear');
                $("#dg-zzggd").datagrid("reload");
                $.messager.confirm('确认',data+'是否要关闭上传界面或者继续上传',function(r){
                    if (r){

                        $('#add_zzggd').dialog('close')
                    }
                });
            }
        });
    }
    Date.prototype.Format = function(fmt) { //author: meizz
        var o = {
            "M+" : this.getMonth() + 1, //月份
            "d+" : this.getDate(), //日
            "h+" : this.getHours(), //小时
            "m+" : this.getMinutes(), //分
            "s+" : this.getSeconds(), //秒
            "q+" : Math.floor((this.getMonth() + 3) / 3), //季度
            "S" : this.getMilliseconds()
            //毫秒
        };
        if (/(y+)/.test(fmt))
            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "")
                .substr(4 - RegExp.$1.length));
        for ( var k in o)
            if (new RegExp("(" + k + ")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k])
                    : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }

    /**
     * @description 显示导入窗口
     */
    function show_add_zzggd(){
        $('#add_zzggd').window('open');
    }


    function reload() {
        $('#dg-zzggd').datagrid('reload', {
            changenum: ''
        });
    }

    function remove(){
        var row = $("#dg-zzggd").datagrid("getSelected");

        var group_id="<?php echo ($_SESSION['group_id']); ?>".split(",");

        if ($.inArray("1", group_id)!=-1 || $.inArray("21", group_id)!=-1)  {

            if (row) {
                if(row.status=='0'){
                    $.messager.confirm('确认', '您确定要删除此项目吗?', function(r) {
                        if (r) {
                            $.post('/solve/index.php/Home/Zzggd/del', {
                                id : row.id
                            }, function(data) {
                                if (data.status==1) {
                                    $.messager.alert('删除项目', data.msg, 'info');
                                    $("#dg-zzggd").datagrid("reload");
                                    $('#ggd_info_form').form('clear');
                                    $('#tzshows').html('');
                                } else {
                                    $.messager.show({ // show error message
                                        title : '错误',
                                        msg : data.msg
                                    });

                                }
                            }, 'json');
                        }
                    });
                }else{
                    $.messager.alert("删除", "已经确认的更改单不能再删除！", "info");
                }

            } else {
                $.messager.alert("请选择", "请选择要删除的项目！", "info");
            }

        } else {

            $.messager.alert("无法删除", "此服务记录非您创建，无法删除！", "info");
        }
    }
//     function edit() {
//         var row = $("#dgggd").datagrid("getSelected");
// // if(row.over==0){
//         var okStatus=$('#over').combobox('getValue');
//
//
//         $('#image_form').form('submit', {
//             type:'POST',
//             url : '/solve/index.php/Home/Ggd/edit',
//             success : function(data) {
//                 $("#dgggd").datagrid("reload");
//                 $.messager.alert('提交更改单信息', data, 'info');
//
//
//             }
//         });
//
//     }



    /**
     /*
     **/
    function search_ggd(){
        // 获取over的状态

        $('#dg-zzggd').datagrid('load',{
            start_date:$("#start_date").datebox('getValue'),
            end_date:$("#end_date").datebox('getValue'),
            okname:$('#okname').combobox('getValue'),
            status:$('#status').combobox('getValue'),
            name:$('#name').textbox('getText')

        });



    }

    // queren

    function queren(){

        var row = $("#dg-zzggd").datagrid("getSelected");
        if (row) {
            if(row.status=="1"){
                $.messager.confirm('处理','此更改单信息已经处理，是否要再次处理',function(r){
                    if (r){

                        $('#hf_zzggd').window('open');
                    }
                });
            }else{
                // $('#dutypersonfp').combobox('setValue',row.dutyperson);
                $('#hf_zzggd').window('open');
            }
        }else{
            $.messager.alert("处理", "请选择要处理的更改单！", "info");
        }
    }


    function qr(){
        var row = $("#dg-zzggd").datagrid("getSelected");
        $('#zzggd_pl').form('submit', {

            url : '/solve/index.php/Home/Zzggd/qr',
            onSubmit: function(param){
                param.id = row.id;
            },
            success : function(data) {
                var data = eval('(' + data + ')');
                if(data.status=='1'){
                    $("#dg-zzggd").datagrid("reload");
                    $('#hf_zzggd').window('close');
                    $.messager.alert('处理', data.msg, 'info');
                }else{
                    $.messager.alert('处理', data.msg, 'info');
                }

            }
        });

    }
</script>